<template>
  <view class="xilu-page">
    <view class="xilu-title-bar">多次课程包</view>
    <view class="xilu-card-list">
      <view class="xilu-card" v-for="item in list" :key="item.id" @tap="toDetail(item.id)">
        <view class="pkg-title">{{item.name}}</view>
        <view class="pkg-desc">{{item.desc}}</view>
        <view class="pkg-bottom flex-between">
          <view class="pkg-price">￥{{item.price}}</view>
          <view class="pkg-count">共{{item.count}}次</view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return { list: [] }
  },
  onLoad() { this.getList() },
  methods: {
    getList() {
      // 请求接口获取次课包列表
    },
    toDetail(id) {
      this.$api.navigate(`/pages/package_detail/package_detail?id=${id}`)
    }
  }
}
</script>